<script setup>
import { Icon } from '@iconify/vue';
import dayjs from 'dayjs';
import { nextTick, onMounted, onUnmounted, ref } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { showToast } from 'vant';
const router = useRouter()
const route = useRoute()
const titleList = ref(([{ id: 1, title: "修改名字" }, { id: 2, title: "修改抖音号" }, { id: 3, title: "修改简介" }]))

const onClickLeft = () => {
	router.back()
}
const onClickRight = () => {
	showToast("未实现")
}

</script>

<template>
	<!-- 导航栏 -->
	<van-nav-bar :style="{ background: '#151724' }" left-arrow fixed @click-right="onClickRight"
		@click-left="onClickLeft">
		<template #title>
			<span style="color:#d8d9db">{{ titleList.find(i => i.id == route.query.type).title }}</span>
		</template>
		<template #right>
			保存
		</template>
	</van-nav-bar>
	<!-- 主体内容 -->
	<div class="main bg-[#151724] pt-[56px] px-[20px] pb-[40px]">
	</div>
</template>

<style scoped lang="scss">
.main {
	min-height: calc(100vh);
}

.scroll-container {
	display: flex;
	gap: 20px;
	height: 100px;
	overflow-x: scroll;
}

.scroll-container::-webkit-scrollbar {
	display: none;
}
</style>
